// pages/cart/cart.js
import http from '../../utils/http.js'
import { createStoreBindings } from 'mobx-miniprogram-bindings'
import { store } from '../../store/store'

Page({

  /**
   * 页面的初始数据
   */
  data: {
    //购物车数据
    cartData: [
      // {
      //   name: 'hhhh',
      //   price: 100.00,
      //   num: 10,
      //   img: "fffff",
      // },
      // {
      //   name: 'hhhh',
      //   price: 100.00,
      //   num: 10,
      //   img: "fffff",
      // },
      // {
      //   name: 'hhhh',
      //   price: 100.00,
      //   num: 10,
      //   img: "fffff",
      // },
      // {
      //   name: 'hhhh',
      //   price: 100.00,
      //   num: 10,
      //   img: "fffff",
      // },
      // {
      //   name: 'hhhh',
      //   price: 100.00,
      //   num: 10,
      //   img: "fffff",
      // }
    ],
    //总价
    totalPrice:'',
    //房号列表
    options: [
      // {
      //   text: '101',
      //   value: '101',
      // },
      // {
      //   text: '102',
      //   value: '102',
      // }
    ],
    show: false,
    // 餐位号
    fieldValue: '',
  },

  // 查找可选餐位
  findRoom() {
    http.getRequest("cater/room/findRoom",'',(res)=>{
      // console.log(res)
      this.setData({
        "options":res.data.data,
      })
    },'','')
  },

  onClick() {
    this.setData({
      show: true,
    });
    this.findRoom();
  },

  onClose() {
    this.setData({
      show: false,
    });
  },

  onFinish(e) {
    const { selectedOptions, value } = e.detail;
    const fieldValue = selectedOptions
        .map((option) => option.text || option.name)
        .join('/');
    this.setData({
      fieldValue,
      cascaderValue: value,
    })
  },
  //

  //提交订单
  sendOrder() {
    http.postRequest("cater/order/sendOrder",{
      "openId": store.openId,
      "totalPrice": this.data.totalPrice,
      "room": this.data.fieldValue
    },(res)=>{
      this.setData({
        "room": '',
      })
      wx.showToast({
        title: res.data.data,
        icon: 'success',
        duration: 1000 //持续的时间
      })
      // console.log(res)
    },'','')
  },

  //获取store.js里面的数据
  getStoreData(){
    this.storeBindings = createStoreBindings(this, {
      store,
      fields: ["openId","sysHeight"],
      actions: ["updateDishData","updateMealData"]
    });
  },

  //获取购物车的数据
  getCartData() {
    http.postRequest("cater/wxCart/getCartData",{
      "openId": store.openId,
    },(res)=>{
      console.log(res.data.data.cartDataList)
      this.setData({
        "cartData":res.data.data.cartDataList,
        "totalPrice": res.data.data.totalPrice
      })
    },'','')
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // this.getStoreData();
    // this.getCartData();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    this.getStoreData();
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.getCartData();
    console.log("onshow")
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {
    this.storeBindings.destroyStoreBindings()
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})